<template>
  <div class="dt-detail-item">
    <ul>
      <li>
        <img :src="image" alt="">
        <p>{{ title }}</p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'detailitem',
  props: ['id', 'title', 'price', 'image']
}
</script>

<style lang="scss" scoped>
.dt-detail-item {
  img {
    width: 100%;
  }
  p {
    margin: {
      top: 10px;
    }
    padding: 0 6px;
  }
}
</style>
